<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <img id="img" src="../img/banner_1.jpg" alt="">
 <input id="b" type="button" value="后退">
<script>//script开始标签
        var number=1;//定义数字变量用记录图片的编号
          function fun(){//定义方法，用以定时器的参数
               number++;//图片每换一次数字加一
               if(number>3){//对图片进行判断
                   number=1;//如果到啊最后一张图片则替换为第一张图片
               }
              var img = document.getElementById("img");//获取图片对象
                 img.src="../img/banner_"+number+".jpg";//更换路径属性
          }
   var bn = document.getElementById("b");
     bn.onclick=function(){
    history.back();
}

          setInterval(fun,2000);
          //调用定时器
</script>
</body>
</html>